﻿
<div id="detailModal" tabindex="-1" class="modal fade in" aria-hidden="true">
    <div class="">
        <div class="tabbable">
            <ul class="nav nav-tabs padding-12" id="detailTab">
                <li class="">
                    <div class="btn-primary" style="width:150px;height:35px;margin-bottom:5px;margin-right:20px;margin-left:-10px;text-align:center;font-size:20px;">
                        <div style="height:100%;width:100%;text-align:center;margin-left:-8px;margin-top:2px;position:absolute;" id="titleName">
                            球队
                        </div>
                    </div>
                </li>

                <li class="">
                    <a data-toggle="tab" href="#detailHome" aria-expanded="true">首页</a>
                </li>

                <li class="active">
                    <a data-toggle="tab" href="#detailMatch" aria-expanded="false">赛程</a>
                </li>

                <li class="">
                    <a data-toggle="tab" href="#detailOpponent" aria-expanded="false">对阵</a>
                </li>
            </ul>

            <div class="tab-content" id="detailContent" style="overflow-y:visible;overflow-x:visible;">
                <!-- 首页信息 -->
                <div id="detailHome" class="tab-pane">

                </div>

                <!-- 赛程信息 -->
                <div id="detailMatch" class="tab-pane active">
                    <div class="row" style="margin-top:-12px;">

                        <div style="background-color: #f5f5f5;border: 1px solid #e3e3e3;min-height:32px;margin-bottom:2px;margin-top:-4px;">
                            <label style="padding-left:5px;padding-right:15px;"><h5>以往赛季参考</h5></label>
                            <select id="recentCount">
                                <option value="10">近10场</option>
                                <option value="30" selected>近30场</option>
                                <option value="50">近50场</option>
                                <option value="100">近100场</option>
                            </select>
                            <label style="padding-left:30px;" id="leagueIdsLabel">

                            </label>
                        </div>
                        <!-- 分割线 -->
                        <div style="background-color: #337ab7;border: 1px solid #337ab7;min-height:2px;margin-top:-3px;"></div>

                        <div style="border: 1px solid #e3e3e3;min-height:25px;">
                            <div class="btn-group" id="hostGuestDiv">
                                <button type="button" data-value="0" class="btn btn-primary btn-minier">全部</button>
                                <button type="button" data-value="1" class="btn btn-white btn-minier">主场</button>
                                <button type="button" data-value="2" class="btn btn-white btn-minier">客场</button>
                            </div>
                        </div>

                        <div id="contentTableDiv" style="overflow-x:visible;overflow-y:auto">
                            <table id="simple-table" class="table table-condensed">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th class="center">赛事</th>
                                        <th class="center">比赛时间</th>
                                        <th class="center">主队</th>
                                        <th class="center">比分</th>
                                        <th class="center">客队</th>
                                        <th class="center">赛果</th>
                                        <th class="center" colspan="3">欧赔</th>
                                        <th class="center">分析</th>
                                    </tr>
                                </thead>

                                <tbody id="detailMatchTable"></tbody>
                            </table>

                        </div>
                    </div>

                </div>

                <!-- 对阵信息 -->
                <div id="detailOpponent" class="tab-pane">

                    <div style="background-color: #f5f5f5;border: 1px solid #e3e3e3;min-height:32px;margin-bottom:2px;margin-top:-4px;">
                        <label style="padding-left:15px;padding-right:6px;"><h5>赛事</h5></label>
                        <select id="teamLeagues"></select>
                        <label style="padding-left:105px;padding-right:6px;"><h5>赛季</h5></label>
                        <select id="teamSeasons"></select>
                        <label style="padding-left:105px;padding-right:6px;"><h5>赛季排名</h5></label>
                        <label id="teamRank"></label>
                    </div>
                    <!-- 分割线 -->
                    <div style="background-color: #337ab7;border: 1px solid #337ab7;min-height:2px;margin-top:-3px;"></div>

                    <div>
                        <div class="col-sm-6">
                            <div class="row" style="background-color: #f5f5f5;border: 1px solid #e3e3e3;min-height:32px;margin-right:-5px;">
                                <label style="padding-left:15px;padding-top:8px;">主场对阵</label>
                            </div>
                            <div class="row" id="hostTeamDiv" style="overflow-x:visible;margin-right:-5px;">
                                <table id="hostTeamTable" class="table table-condensed">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th class="center">比赛时间</th>
                                            <th class="center">对阵</th>
                                            <th class="center">比分</th>
                                            <th class="center">赛果</th>
                                            <th class="center">分析</th>
                                        </tr>
                                    </thead>

                                    <tbody id="detailHostTeamTable"></tbody>
                                </table>

                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="row" style="background-color: #f5f5f5;border: 1px solid #e3e3e3;min-height:32px;margin-left:-5px;">
                                <label style="padding-left:15px;padding-top:8px;">客场对阵</label>
                            </div>
                            <div class="row" id="guestTeamDiv" style="overflow-x:visible;margin-left:-5px;">
                                <table id="guestTeamTable" class="table table-condensed">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th class="center">比赛时间</th>
                                            <th class="center">对阵</th>
                                            <th class="center">比分</th>
                                            <th class="center">赛果</th>
                                            <th class="center">分析</th>
                                        </tr>
                                    </thead>

                                    <tbody id="detailGuestTeamTable"></tbody>
                                </table>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="~/js/business/ChooseMatch/TeamDetail.js"></script>